<template>
  <div class="index-wrapper" data-v-0f9d3237="">
    <!---->
    <!---->
    <div class="goods-list">
      <div
        class="components-container"
        style="background: transparent; --vertical_margin: 16px; --transverse_margin: 0px;"
      >
        <div class="container-header">
          <div
            class="title-bar-container"
            style="padding-top: 24px; padding-bottom: 24px; background: none"
          >
            <div
              class="title-content-wrapper"
              style="display: flex; justify-content: space-between"
            >
              <div
                class="title"
                style="display: flex; align-items: center; flex: 1; line-height: 28px; font-size: 20px; font-weight: 600; color: rgba(51, 51, 51, 1);"
              >
                <div>体验课程</div>
              </div>
              <div
                style="display: flex; align-items: center; height: 28px; line-height: 26px;"
              >
                <div class="text-group" style="justify-content: flex-end">
                  <div class="text-box-inner">
                    <span>查看更多</span><i class="iconfont arrow-icon icon-hd_arrow" />
                  </div>
                </div>
                <!---->
              </div>
            </div>
          </div>
        </div>
        <div class="container-body" data-v-73be6a2a="">
          <div
            class="body-container body-container priceBox infoBox"
            style="--spacing: 16px; --goods-border-radius: 4px; --goods-image-style: cover; --lines: 1;"
            data-v-89b40b60=""
            data-v-51e80252=""
            data-v-73be6a2a=""
          >
            <div
              class="body-container-grid"
              style="grid-template-columns: repeat(5, 1fr)"
              data-v-89b40b60=""
            >
              <div
                id="goodsItem_19196417_0"
                class="goods-item no-border-white"
                style="flex-direction: column; --title-align: left; --flex-align: flex-start;"
                data-v-7f7c8a50=""
                data-v-51e80252=""
                data-v-89b40b60=""
              >
                <div class="goods-item-img-container" data-v-7f7c8a50="">
                  <div
                    class="image-box"
                    style="padding-top: 75%; width: 100%"
                    data-v-7f7c8a50=""
                  >
                    <!---->
                    <!---->
                    <!-- https://wechatapppro-1252524126.cdn.xiaoeknow.com/appngipqyj28209/image/b_u_62108464e63ba_tKMw7v26/l5gu7gkz0t7i.jpg?imageMogr2/thumbnail/454x/quality/80|imageMogr2/ignore-error/1 -->
                    <img
                      src="/components/experienceCourses/a.jpg"
                      class="goods-img"
                      style="aspect-ratio: 75%"
                      data-v-7f7c8a50=""
                    >
                    <div class="type-label-box" data-v-7f7c8a50="">
                      <div class="type-label" data-v-7f7c8a50="">
                        专栏
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="goods-card-container-info goods-card-container-vertical"
                  data-v-7f7c8a50=""
                >
                  <div class="content-box" data-v-7f7c8a50="">
                    <div
                      class="title-box two-line-hidden"
                      style="font-weight: 600"
                      data-v-7f7c8a50=""
                    >
                      PS教程（丽奇老师版）
                    </div>
                    <div
                      class="description-box ET5 EC14 one-line-hidden MT-4"
                      data-v-7f7c8a50=""
                    >
                      PS教程
                    </div>
                    <!---->
                  </div>
                  <div class="bottom_info MT-12" data-v-7f7c8a50="">
                    <!---->
                    <div
                      class="item-market pc-new-price-item newStyle"
                      data-v-68b4e208=""
                      data-v-7f7c8a50=""
                    >
                      <div class="marketing-info-prices_org" data-v-68b4e208="">
                        29.90
                      </div>
                      <!---->
                    </div>
                  </div>
                </div>
                <!---->
              </div>
              <div
                id="goodsItem_19196417_1"
                class="goods-item no-border-white"
                style="flex-direction: column; --title-align: left; --flex-align: flex-start;"
                data-v-7f7c8a50=""
                data-v-51e80252=""
                data-v-89b40b60=""
              >
                <div class="goods-item-img-container" data-v-7f7c8a50="">
                  <div
                    class="image-box"
                    style="padding-top: 75%; width: 100%"
                    data-v-7f7c8a50=""
                  >
                    <!---->
                    <!---->
                    <!-- https://wechatapppro-1252524126.cdn.xiaoeknow.com/appngipqyj28209/image/b_u_62108464e63ba_tKMw7v26/l4fo1hq201nl.jpg?imageMogr2/thumbnail/454x/quality/80|imageMogr2/ignore-error/1 -->
                    <img
                      src="/components/experienceCourses/b.jpg"
                      class="goods-img"
                      style="aspect-ratio: 75%"
                      data-v-7f7c8a50=""
                    >
                    <div class="type-label-box" data-v-7f7c8a50="">
                      <div class="type-label" data-v-7f7c8a50="">
                        视频
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="goods-card-container-info goods-card-container-vertical"
                  data-v-7f7c8a50=""
                >
                  <div class="content-box" data-v-7f7c8a50="">
                    <div
                      class="title-box two-line-hidden"
                      style="font-weight: 600"
                      data-v-7f7c8a50=""
                    >
                      Neural Filters不能用怎么办
                    </div>
                    <!---->
                    <!---->
                  </div>
                  <div class="bottom_info MT-12" data-v-7f7c8a50="">
                    <div class="item-type__learn" data-v-7f7c8a50="">
                      <span
                        class="learn-count ET5 EC9"
                        data-v-7f7c8a50=""
                      >318人观看</span>
                    </div>
                    <div
                      class="item-market pc-new-price-item newStyle"
                      data-v-68b4e208=""
                      data-v-7f7c8a50=""
                    >
                      <div
                        class="item-market-free price-free"
                        data-v-68b4e208=""
                      >
                        免费
                      </div>
                    </div>
                  </div>
                </div>
                <!---->
              </div>
              <div
                id="goodsItem_19196417_2"
                class="goods-item no-border-white"
                style="flex-direction: column; --title-align: left; --flex-align: flex-start;"
                data-v-7f7c8a50=""
                data-v-51e80252=""
                data-v-89b40b60=""
              >
                <div class="goods-item-img-container" data-v-7f7c8a50="">
                  <div
                    class="image-box"
                    style="padding-top: 75%; width: 100%"
                    data-v-7f7c8a50=""
                  >
                    <!---->
                    <!---->
                    <!-- https://wechatapppro-1252524126.cdn.xiaoeknow.com/appngipqyj28209/image/b_u_62108464e63ba_tKMw7v26/l3d4keqe05bi.jpeg?imageMogr2/thumbnail/454x/quality/80|imageMogr2/ignore-error/1 -->
                    <img
                      src="/components/experienceCourses/c.jpeg"
                      class="goods-img"
                      style="aspect-ratio: 75%"
                      data-v-7f7c8a50=""
                    >
                    <div class="type-label-box" data-v-7f7c8a50="">
                      <div class="type-label" data-v-7f7c8a50="">
                        视频
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="goods-card-container-info goods-card-container-vertical"
                  data-v-7f7c8a50=""
                >
                  <div class="content-box" data-v-7f7c8a50="">
                    <div
                      class="title-box two-line-hidden"
                      style="font-weight: 600"
                      data-v-7f7c8a50=""
                    >
                      商业包装 轻松拿捏
                    </div>
                    <!---->
                    <!---->
                  </div>
                  <div class="bottom_info MT-12" data-v-7f7c8a50="">
                    <div class="item-type__learn" data-v-7f7c8a50="">
                      <span
                        class="learn-count ET5 EC9"
                        data-v-7f7c8a50=""
                      >857人观看</span>
                    </div>
                    <div
                      class="item-market pc-new-price-item newStyle"
                      data-v-68b4e208=""
                      data-v-7f7c8a50=""
                    >
                      <div
                        class="item-market-free price-free"
                        data-v-68b4e208=""
                      >
                        免费
                      </div>
                    </div>
                  </div>
                </div>
                <!---->
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
    <!---->
  </div>
</template>

<style lang="scss" scoped>
@import "~/static/sass/vipCourses_sass/expC_variables";
@import "~/static/sass/vipCourses_sass/common-variables";
@import "~/static/sass/vipCourses_sass/index-wrapper";
@import "~/static/sass/vipCourses_sass/index-wrapper/goods-list/container-body/body-container-grid/goodsItem/goods-card-container-info/bottom_info/expC_item-market";
</style>
